.TextOne {
	width: 100%;
	height: 100%;
	padding: 15px;

	& > .title {
		height: 40px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;

		& > div {
			height: 100%;
			display: flex;
			align-items: center;
			padding: 0 15px;
			font-size: 14px;
			font-family: PingFang SC;
			font-weight: 400;
			color: #ffffff;
			border-radius: 1px;
		}
	}

	& > .content {
		width: 100%;
		overflow: hidden;

		&::-webkit-scrollbar {
			width: 10px;
		}

		&::-webkit-scrollbar-track {
			border-radius: 10px;
			background: rgba(58, 168, 226, 0.2);
		}

		&::-webkit-scrollbar-thumb {
			border-radius: 10px;
			background: rgba(2, 196, 175, 1);
		}

		& > div {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 54px;
			border-bottom: 1px solid;
			cursor: pointer;

			& > div {
				padding: 0 15px;
				overflow: hidden;
				display: flex;
				align-items: center;
				justify-content: flex-start;

				& > span {
					display: inline-block;
					width: 100%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					font-size: 12px;
					font-family: PingFang SC;
					font-weight: 400;
					color: #ffffff;
					opacity: 0.99;
				}
			}
		}
	}

	& > .NullData {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;

		.ant-result-title {
			color: white;
			font-size: 14px;
		}
	}
}

.MoreBtn {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	height: 52px;
	line-height: 52px;
	width: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-family: YouSheBiaoTiHei;
	font-weight: 400;
	color: white;
	cursor: pointer;
}

.MoreModal {
	& > .ant-modal-content {
		background: transparent;

		& > .ant-modal-close {
			color: white;
		}

		& > .ant-modal-body {
			// background: linear-gradient(270deg, rgba(0, 44, 91, 0), rgba(88, 190, 255, 0.2));
			padding: 0;
			position: relative;
		}
	}

	.EnclosureDetails {
		height: 80vh;
		display: flex;
		align-items: center;
		justify-content: center;

		& > * {
			width: 100%;
			height: 100%;
			object-fit: contain;

			&.ant-result {
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column;
				.ant-result-image {
					margin: 0;
				}
				.ant-result-title {
					color: white;
				}
			}
			video {
				object-fit: fill;
			}
		}
	}
	.Navigation {
		width: 100%;
		height: 80vh;
		overflow: hidden;
	}
}
